<template>
  <div class="main">
    <h1>测试富文本编辑器</h1>
    <editor v-model="editorContent" />
    <h2>编辑器内容</h2>
    <div>
      {{ editorContent }}
    </div>
    <h2>编辑器内容效果预览</h2>
    <div v-html="editorContent" />
  </div>
</template>

<script setup lang="ts">
import { ref } from "vue";
import Editor from "@/components/Editor/index.vue";

const editorContent = ref("<p>Hello World!</p><p><strong>Some initial bold</strong> text</p><p><br></p>");
</script>
